<template>
  <view class="box1">使用px作为单位</view>
  <view class="box2">使用rpx作为单位</view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello'
    };
  },
  onLoad() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.box1 {
  width: 375px;
  height: 200px;
  background-color: red;
  margin-bottom: 30px;
  font-size: 20px;
}

.box2 {
  width: 750rpx;
  height: 400rpx;
  background-color: green;
  margin-bottom: 60rpx;
  font-size: 40rpx;
}
</style>
